import { createApp } from 'vue'
import App from './App.vue'
import * as ElementPlusIconVue from '@element-plus/icons-vue'
import {
  ElButton,
  ElButtonGroup,
  ElCol,
  ElDropdown,
  ElDropdownItem,
  ElDropdownMenu,
  ElForm,
  ElFormItem,
  ElIcon,
  ElInput,
  ElMessage,
  ElRadioButton,
  ElRadioGroup,
  ElSlider,
  ElSwitch,
} from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)
app
  .use(ElButton)
  .use(ElButtonGroup)
  .use(ElCol)
  .use(ElDropdown)
  .use(ElDropdownItem)
  .use(ElDropdownMenu)
  .use(ElForm)
  .use(ElFormItem)
  .use(ElIcon)
  .use(ElInput)
  .use(ElMessage)
  .use(ElRadioButton)
  .use(ElRadioGroup)
  .use(ElSlider)
  .use(ElSwitch)

for (const [key, component] of Object.entries(ElementPlusIconVue)) {
  app.component(key, component)
}

app.mount('#app')
